@import "~styles/config.scss";

.userDetail {
    height  : 100%;
    position: relative;

    .load {
        position: absolute;
        top     : 0px;
        left    : 0px;
        width:100%;
        height:100%;
    }

    .wrap {
        position: relative;
        z-index: 1;
        height    : 100%;
        overflow  : hidden;
        overflow-y: auto;
    }
}

.header {
    border-radius     : 5px;
    background        : #fff;
    display           : flex;
    // justify-content: space-between;
    padding-bottom    : 20px;

    .left {
        width       : 100px;
        height      : 100px;
        margin-right: 20px;

        img {
            width : 100%;
            height: 100%;
            border: 1px solid #ebeef5;
        }
    }

    .right {
        flex           : 1;
        display        : flex;
        flex-direction : column;
        justify-content: space-between;
        width          : 60%;

    }
}

.basicInfo-main {
    display  : flex;
    flex-wrap: wrap;

    .item {
        width        : 25%;
        display      : flex;
        margin-bottom: 10px;

        .label {
            margin-right: 10px;
        }
    }
}

.consume-box,
.property-box {
    margin-top: -10px;

    .level2 {
        display    : flex;
        border-top : 1px solid $--border-color-extra-light;
        align-items: center;

        &:first-child {
            border-top-width: 0px;
        }

        .title {
            margin-bottom: 10px;
            font-weight  : 600;
            width        : 200px;
        }

        .content {
            flex   : auto;
            display: flex;


            .content-item {
                width     : 200px;
                text-align: left;
                padding   : 15px 0px;

                .top {
                    color         : $--color-text-secondary;
                    padding-bottom: 5px;
                }

                .data {
                    color      : $--color-text-primary;
                    font-size  : 20px;
                    font-weight: 600;
                }
            }
        }
    }
}

.radios {
    .s1 {
        font-size    : 12px;
        padding-right: 6px;
    }
}